<template>
    <div class="main-container">
      <div class="aboutbox">
        <div class="show-content-free">
          <advantage-intro></advantage-intro>
        </div>
        <div class="clinch">
          <To-register></To-register>
        </div>
      </div>  
    </div>
</template>
<script>
import AdvantageIntro from "@/components/home/AdvantageIntro";
import ToRegister from "@/components/home/toregister.vue";
export default {
  components: { 
    AdvantageIntro ,
    ToRegister,
  }
};
</script>

<style lang="scss" scoped>
.main-container {
  width: $content-width;
  margin: 0 auto;
  h1 {
    margin-top: 40px;
  }
}
.aboutbox{
  padding: 50px 0;
}
.clinch{border-top: 2px solid #eeeeee;margin-top: 50px;}
</style>